<div *ngIf="rowList['title'] !== undefined">
  <!--<div class="box" (dblclick)="change()">-->
  <div class="box">
    <!-- title -->
    <div class="tit">
      <div class="tit-col"
           [class.normal-bgcolor]="rowList['WCBJ'] === 0"
           [class.warning-bgcolor]="rowList['WCBJ'] === 1"
           [class.overtime-bgcolor]="rowList['WCBJ'] === 2"
           [class.complete-bgcolor]="rowList['WCBJ'] === 3">
      </div>
      <div class="tit-img" (click)="change()"
           *ngIf="rowList['title'] !== '要货跟踪' && rowList['title'] !== '未结算交车' && rowList['title'] !== '收款'">
        <!--<i class="anticon anticon-message"></i>-->
        <i *ngIf="hide === 'none' " class="anticon anticon-right"></i>
        <i *ngIf="hide === 'block'" class="anticon anticon-down"></i>
      </div>
      <div class="tit-tit"><span>{{ rowList['title'] }}</span></div>
      <div class="tit-ot"
           [class.normal-color]="rowList['WCBJ'] === 0"
           [class.warning-color]="rowList['WCBJ'] === 1"
           [class.overtime-color]="rowList['WCBJ'] === 2"
           [class.complete-color]="rowList['WCBJ'] === 3">
        <span *ngIf="rowList['comsumeTime'] !== undefined && rowList['comsumeTime'] > 0">耗:{{ toHour(rowList['comsumeTime']) }}</span>
        <span *ngIf="rowList['beyondTime'] !== undefined && rowList['beyondTime'] > 0">超:{{ toHour(rowList['beyondTime']) }}</span>
        <span *ngIf="rowList['sumXSJE'] !== undefined && rowList['sumXSJE'] > 0">¥ {{ rowList['sumXSJE'] }}</span>
        <span *ngIf="rowList['complete'] !== undefined && rowList['complete'] > 0 && rowList['title'] !== '配件报价'">完成:{{ rowList['complete'] }}</span>
        <span *ngIf="rowList['processing'] !== undefined && rowList['processing'] > 0  && rowList['title'] !== '配件报价'">进行中:{{ rowList['processing'] }}</span>
        <span *ngIf="rowList['timeOut'] !== undefined && rowList['timeOut'] > 0 && rowList['title'] !== '配件报价'">超时:{{ rowList['timeOut'] }}</span>
        <span *ngIf="rowList['YQR'] !== undefined && rowList['YQR'] > 0">已确认:{{ rowList['YQR'] }}单</span>
        <span *ngIf="rowList['WQR'] !== undefined && rowList['WQR'] > 0">未确认:{{ rowList['WQR'] }}单</span>
        <span *ngIf="rowList['YDPJSL'] !== undefined && rowList['YDPJSL'] > 0">已到:{{ rowList['YDPJSL'] }}个配件</span>
        <span *ngIf="rowList['WDPJSL'] !== undefined && rowList['WDPJSL'] > 0">未到:{{ rowList['WDPJSL'] }}个配件</span>
        <span *ngIf="rowList['titleTwo'] !== undefined">{{ rowList['titleTwo'] }}</span>
        <span *ngIf="rowList['complete'] !== undefined && rowList['complete'] > 0 && rowList['title'] === '配件报价'">完成:{{ rowList['complete'] }}单</span>
        <span *ngIf="rowList['timeOut'] !== undefined && rowList['timeOut'] > 0 && rowList['title'] === '配件报价'">超时:{{ rowList['timeOut'] }}单</span>
        <span *ngIf="rowList['processing'] !== undefined && rowList['processing'] > 0 && rowList['title'] === '配件报价'">进行中:{{ rowList['processing'] }}单</span>
        <span *ngIf="rowList['title'] === '质检'">
          <span *ngIf=" waitList.length > 0">
            待:<span *ngFor="let item of waitList">{{ item['innerTITLE'] }}</span>
          </span>
          <span *ngIf=" afterList.length > 0 ">
            完成:<span *ngFor="let item of afterList">{{ item['innerTITLE'] }}</span>
          </span>
        </span>
      </div>
      <div class="tit-type"
           [class.normal-color]="rowList['WCBJ'] === 0"
           [class.warning-color]="rowList['WCBJ'] === 1"
           [class.overtime-color]="rowList['WCBJ'] === 2"
           [class.complete-color]="rowList['WCBJ'] === 3">
        <span *ngIf="rowList['title'] !== '收款'">{{ rowList['repairStyle'] }}</span>
        <span *ngIf="rowList['title'] === '收款' && rowList['status'] !== undefined">{{ rowList['status'] }}: ¥{{ rowList['repairStyle'] }}</span>
        <span *ngIf="rowList['title'] === '定损方案' && rowList['status'] !== undefined" style="padding-left: 10px">{{ rowList['status'] }}</span>
      </div>
    </div>

    <!-- table 定损方案 -->
    <div class="dsbj" *ngIf="rowList['title'] === '定损方案' && tableData.length > 0 ">
      <div class="tab-dsbj">
        <div class="dsbj-head">
          <div *ngFor="let head of dsbjHead" [ngStyle]="{width: head.style  }">{{ head.lable }}</div>
        </div>
        <div class="dsbj-sp" *ngFor="let tab of tabData, let i =index">
          <div>{{ i + 1  }}</div>
          <div>{{ timeChange(tab['KSPGRQ_SJ']) }}</div>
          <div>{{ timeChange(tab['KSRQ_SJ']) }}</div>
          <div>{{ timeChange(tab['JSSHRQ_SJ']) }}</div>
          <div>
            <!--<div *ngIf="rowList['repairStyle'] !== undefined"-->
                 <!--[class.warning-bgcolor]="rowList['repairStyle']">-->
            <!--</div>-->
            <span *ngIf="tab['DSBJ'] !== undefined && tab['WCRQ_SJ'] !== undefined">{{ tab['DSBJ'] }}:</span>
            {{ timeChange(tab['WCRQ_SJ']) }}
          </div>
          <!--<div>{{ toHour(tab['HSSC']) }}</div>-->
        </div>
      </div>
    </div>

    <!-- control -->
    <div class="con" *ngIf="rowData.length > 0">
      <div class="con-bg">
        <div class="con-sp" *ngFor="let data of rowData">
          <div>{{ data['YUANYIN'] }}</div>
          <div>{{ timeChange(data['SJ']) }}</div>
          <div>{{ data['RY'] }}</div>
        </div>
      </div>
    </div>

    <!-- table 内协调度 -->
    <div class="nxdd" *ngIf="rowList['title'] === '内协调度' && rowData.length > 0 ">
      <div class="tab-nxdd">
        <div class="nxdd-head">
          <div *ngFor="let head of nxddHead" [ngStyle]="{ width: head.style }">{{ head.lable }}</div>
        </div>
        <div class="nxdd-sp" *ngFor="let tab of rowData">
          <div>{{ tab['NXJDMC'] }}</div>
          <div>{{ toHour(tab['JCHS']) }}</div>
          <div>{{ toHour(tab['NXHS']) }}</div>
          <div>{{ toHour(tab['HCHS']) }}</div>
        </div>
      </div>
    </div>

    <!-- foot -->
    <div class="footer" *ngIf="rowList['stepTwo'] !== undefined && rowList['stepThree'] !== undefined && rowList['WCBJ'] !== 3">
      <!-- 剪头步骤 -->
      <div class="footer-line">
        <div></div>
        <div></div>
        <div></div>
      </div>

      <!-- 内容 -->
      <div class="footer-con">
        <div class="footer-tit">{{ rowList['stepTwo'] }}</div>
        <div class="footer-time">
          <p *ngIf="rowList['expectTime'] !== undefined">预计完成: {{ timeChange(rowList['expectTime']) }}</p>
          <p *ngIf="rowList['stepConsumeTime'] !== undefined">耗: {{ toHour(rowList['stepConsumeTime']) }}</p>
        </div>
        <div class="footer-tit">{{ rowList['stepThree'] }}</div>
      </div>

    </div>

    <div [ngStyle]="{ display: hide }" *ngIf="tableData.length > 0">
      <table class="detailed">
        <thead>
        <tr>
          <td *ngFor="let data of parmas['tableData']" [ngStyle]="{width: data['width']+'px' }">
            <span> {{ data['headerName'] }} </span>
          </td>
        </tr>
        </thead>
        <tbody>
        <div *ngFor="let tab of tableData" class="detailed-tr"
                   style=" width:1180px " [class.detailes-col]="tab['cilck'] && parmas['title'] !== '内协调度' && parmas['title'] !== '拆检' && parmas['title'] !== '质检' && parmas['title'] !== '诊断'">
          <div style="display: flex">
            <div class="detailed-iocn"
                 (click)="tabChanges(tab['LYDJHM'])"
                 *ngIf="parmas['title'] !== '内协调度' && parmas['title'] !== '拆检' && parmas['title'] !== '质检' && parmas['title'] !== '要货跟踪' && parmas['title'] !== '诊断'">
              <i *ngIf="!tab['cilck']" class="anticon anticon-right"></i>
              <i *ngIf="tab['cilck']" class="anticon anticon-down"></i>
            </div>
            <div *ngFor="let data of parmas['tableData']" [ngStyle]="{ width: data['width']+'px' }"  class="tbo-div">
            <span *ngIf=' ("HS" !== data["field"]) && ("CS" !== data["field"]) && ("GS" !== data["field"]) &&
                          ("KSRQ_SJ" !== data["field"])  && ("YJWCRQ_SJ" !== data["field"])  && ("WCRQ_SJ" !== data["field"]) && ("SJ" !== data["field"])'>
              {{ tab[data['field']] }}
            </span>
              <i *ngIf=' "HS" === data["field"] '>
                {{ toHour(tab["HS"]) }}
              </i>
              <i *ngIf=' "CS" === data["field"] '>
                {{ toHour(tab["CS"]) }}
              </i>
              <i *ngIf=' "GS" === data["field"] '>
                {{ toHour(tab["GS"]) }}
              </i>
              <i *ngIf=' "KSRQ_SJ" === data["field"] '>
                {{ timeChange(tab["KSRQ_SJ"]) }}
              </i>
              <i *ngIf=' "YJWCRQ_SJ" === data["field"] '>
                {{ timeChange(tab["YJWCRQ_SJ"]) }}
              </i>
              <i *ngIf=' "WCRQ_SJ" === data["field"] '>
                {{ timeChange(tab["WCRQ_SJ"]) }}
              </i>
              <i *ngIf=' "SJ" === data["field"] '>
                {{ timeChange(tab["SJ"]) }}
              </i>
            </div>
          </div>


          <div [ngStyle]="{ display: hiden }" *ngIf="infotable.length > 0 && comeNum === tab['LYDJHM'] " style="padding: 6px 35px;">
            <table class="detailed" style="width: 1100px;">
              <thead>
              <tr>
                <td *ngFor="let data of parmas['infotable']" [ngStyle]="{width: data['width']+'px' }">
                  <span> {{ data['headerName'] }} </span>
                </td>
              </tr>
              </thead>
              <tbody>
              <tr *ngFor="let tab of infotable">
                <td *ngFor="let data of parmas['infotable']">
          <span *ngIf=' ("HS" !== data["field"]) && ("CS" !== data["field"]) && ("GS" !== data["field"]) &&
          ("KSRQ_SJ" !== data["field"])  && ("YJWCRQ_SJ" !== data["field"])  && ("WCRQ_SJ" !== data["field"])'>
          {{ tab[data['field']] }}
          </span>
                  <i *ngIf=' "HS" === data["field"] '>
                    {{ toHour(tab["HS"]) }}
                  </i>
                  <i *ngIf=' "CS" === data["field"] '>
                    {{ toHour(tab["CS"]) }}
                  </i>
                  <i *ngIf=' "GS" === data["field"] '>
                    {{ toHour(tab["GS"]) }}
                  </i>
                  <i *ngIf=' "KSRQ_SJ" === data["field"] '>
                    {{ timeChange(tab["KSRQ_SJ"]) }}
                  </i>
                  <i *ngIf=' "YJWCRQ_SJ" === data["field"] '>
                    {{ timeChange(tab["YJWCRQ_SJ"]) }}
                  </i>
                  <i *ngIf=' "WCRQ_SJ" === data["field"] '>
                    {{ timeChange(tab["WCRQ_SJ"]) }}
                  </i>
                </td>
              </tr>
              </tbody>
            </table>
          </div>


        </div>
        </tbody>
      </table>
    </div>

    <!-- table 要货跟踪 -->
    <div class="fwgd" *ngIf="rowList['title'] === '要货跟踪' && rowData.length > 0 ">
      <div class="tab-fwgd">
        <div class="fwgd-head">
          <div *ngFor="let head of yhgzHead" [ngStyle]="{width: head.style  }">{{ head.lable }}</div>
        </div>
        <div class="fwgd-sp" *ngFor="let tab of rowData">
          <div>{{ tab['XH'] }}#</div>
          <div>{{ tab['PJSL'] }}</div>
          <div>{{ timeChange(tab['ZDRQ_SJ']) }}</div>
          <div>{{ toHour(tab['HS']) }}</div>
          <div>
            <div *ngIf="tab['WCBJ'] !== undefined"
                  [class.overtime-bgcolor]="tab['WCBJ'] == 2"
                  [class.warning-bgcolor]="tab['WCBJ'] == 1">
            </div>
            <span *ngIf="tab['DDRQ_STR'] !== undefined">{{ tab['DDRQ_STR'] }}:</span>
            {{ timeChange(tab['DDRQ_SJ']) }}
          </div>
        </div>
      </div>
    </div>

  </div>
</div>
